<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
<title>微信公众平台</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
</head>
<body>
<!--header-->
<header id="header" class="box">
    <h2><a href="消息设置.html" class="back"><i class="fa fa-arrow-left"></i></a></h2>
    <h3 class="action_bar"><a href="关键字回复.html">文本消息</a><a href="图文消息.html" class="cur">图文消息</a></h3>
</header>
<!--header end-->
<!--main-->
<section id="section">
	<dl class="form_mol">
    	<dt><h2>关键字:</h2><input type="text" placeholder="逗号隔开，不重复非纯数字" /></dt>
        <dd class="pic_mol">
        	<div class="pic_act">
            	<div class="pic_up"><span><i class="fa fa-plus"></i><br>上传图片</span><input type="file" /></div>
                <span class="pic_delete"><i class="fa fa-trash-o"></i><br>删除</span>
            </div>
            <p><input type="text" placeholder="请输入图文标题" /></p>
            <p><textarea placeholder="请输入该图文项描述"></textarea></p>
            <p><input type="url" placeholder="http://" /></p>
        </dd>
        <dd class="pic_mol clone" id="clone" style='display:none;'>
        	<div class="pic_act">
            	<div class="pic_up"><span><i class="fa fa-plus"></i><br>上传图片</span><input type="file" /></div>
                <span class="pic_delete"><i class="fa fa-trash-o"></i><br>删除</span>
            </div>
            <p><input type="text" placeholder="请输入图文标题" /></p>
            <p><textarea placeholder="请输入该图文项描述"></textarea></p>
            <p><input type="url" placeholder="http://" /></p>
        </dd>
        <dd><span class="pic_add"><i class="fa fa-plus"></i><br>增加一条</span></dd>
        <dd class="action"><input type="submit" value="确定" class="btn_green" /><input type="reset" value="重置" class="btn_grey"/></dd>
    </dl>
</section>
<!--main end-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>
$(function(){
	$('.pic_add').click(function(){
		$('#clone').clone(true).removeAttr('id').show().insertBefore($(this));
	});
	$(".pic_delete").click(function(){
		if(!confirm('确定删除?')) return false;
		$(this).parents('dd.clone').remove();
	});
});
</script>
</body>
</html>
